<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>航空科普</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/aviation.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper-4.3.3.min.css" />
	</head>

	<body>
		<div class="header">
			<nav class="navbar navbar-default">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
						        <span class="sr-only">Toggle navigation</span>
						        <span class="icon-bar"></span>
						        <span class="icon-bar"></span>
						        <span class="icon-bar"></span>
     					 </button>
					</div>
					<div class="collapse navbar-collapse yl-nav" id="bs-example-navbar-collapse-1">
						<div class="fl m-l130 logo">
							<a href="index.html"><img src="img/logo.gif" /></a>
						</div>
						<ul class="nav navbar-nav fr m-r115">
							<li>
								<a href="index.html">首页</a>
								<span></span>
							</li>
							<li>
								<a href="development.html">关于我们</a>
								<i class="fa fa-caret-down"></i>
								<span></span>
								<div class="phone-list">
									<ul>
										<li>
											<a href="#">集团简介</a>
										</li>
										<li>
											<a href="organization.html">组织架构</a>
										</li>
										<li>
											<a href="#">合作共赢</a>
										</li>
										<li>
											<a href="development.html">发展历程</a>
										</li>
										<li>
											<a href="#">品牌文化</a>
										</li>
									</ul>
								</div>
							</li>
							<li>
								<a href="newsinfo.html">新闻资讯</a>
								<span></span>
							</li>
							<li>
								<a href="core.html">体验中心</a>
								<span></span>
							</li>
							<li data-ison = "true">
								<a href="aviation.html">业务领域</a>
								<span style="display: inline-block;"></span>
							</li>
							<li>
								<a href="personnel.html">人才招聘</a>
								<span></span>
							</li>
						</ul>
					</div>
				</div>
			</nav>
			<!--hover-->
			<div class="header-hover">
				<ul>
					
					<li>
						<div class="hover-left">
							<dl>
								<dt>北京正中科技发展股份有限公司</dt>
								<dd>于2018年正式挂牌成立，作为航空科技体验项目运作的平台，</dd>
								<dd>将在全国主要城市建设航空文化和模拟飞行体验中心。</dd>
							</dl>
							<ul>
								<div class="icon"><i class="fa fa-qq"></i></div>
								<div class="icon"><i class="fa fa-weixin"></i></div>
								<div class="icon"><i class="fa fa-weibo"></i></div>
							</ul>
						</div>
						<div class="hover-right">
						<ul>
							<a href="#">
								<div class="hover-img"><img src="img/01-集团简介.jpg" /><span>集团简介</span></div>
							</a>
							<a href="organization.html">
								<div class="hover-img"><img src="img/05-组织架构.jpg" /><span>组织架构</span></div>
							</a>
							<a href="#">
								<div class="hover-img"><img src="img/04-合作共赢.jpg" /><span>合作共赢</span></div>
							</a>
							<a href="development.html">
								<div class="hover-img"><img src="img/03-发展历程.jpg" /><span>发展历程</span></div>
							</a>
							<a href="#">
								<div class="hover-img"><img src="img/02-品牌文化.jpg" /><span>品牌文化</span></div>
							</a>

						</ul>
					</div>
					</li>
				</ul>
			</div>
		</div>
		<!--adv-->
		<div class="container-fluid adv">
			<div class="container adv-nav">
				<ul>
					<li>
						<a href="aviation.html"><img src="img/01.png" /><span>航空科普</span></a>
					</li>
					<li>
						<a href="#"><img src="img/02.png" /><span>航空体验</span></a>
					</li>
					<li>
						<a href="#"><img src="img/03.png" /><span>模拟飞行执照培训</span></a>
					</li>
					<li>
						<a href="#"><img src="img/04.png" /><span>无人机培训</span></a>
					</li>
					<li>
						<a href="#"><img src="img/05.png" /><span>国防和爱国主义教育</span></a>
					</li>
				</ul>
			</div>
		</div>
		<!--aviation-->
		<div class="aviation">
			<div class="container">
				<div class="row aviation-header">
					<div class="aviation-title">
						<p>航空科普</p>
						<p class="jb-ff">AVIATION SCIENCE</p>
					</div>
					<div class="col-md-8  aviation-int" style="margin-left: 90px;">
						航空科普简介说明 ——《飞行世界》体验中心以创新性的素质教育模式，完成各级政府下达的航空科技文化的培训工作， 全面开展全国青少年航空科普轮训业务。
					</div>
				</div>
				<div class="aviation-banner">
					<div class="aviation-bnav">
						<ul>
							<li class="bnav-active">现场摄影</li>
							<li>课程内容</li>
							<li>课程说明</li>
							<li>相关视频</li>
						</ul>
					</div>
					<div class="swiper-container" id="a-swiper">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<div class="e-swiper">
									<img src="img/as1.jpg" />
								</div>
							</div>
							<div class="swiper-slide">
								<div class="e-swiper">
									<img src="img/航空科普_03.jpg" />
								</div>
							</div>
							<div class="swiper-slide">
								<div class="e-swiper">
									<img src="img/as1.jpg" />
								</div>
							</div>
							<div class="swiper-slide">
								<div class="e-swiper">
									<img src="img/as2.jpg" />
								</div>
							</div>
						</div>
						<!-- 如果需要导航按钮 -->
						<div class="b-left"></div>
						<div class="b-right"></div>
					</div>
				</div>
				<div class="aviation-content">
					<div class="aviation-title">
						<p>科普课程内容 /&nbsp;<span>CONTENT</span></p>
					</div>
					<div class="aviation-clist">
						<ul>
							<li>
								<img src="img/a_10.gif" />
								<a href="newsdetail.html">
									<p>教学影片</p>
								<span>学生观看《航空梦工厂》和《跟我一起飞》两部影片。</span>
								</a>
							</li>
							<li>
								<img src="img/aviation_03.jpg" />
								<a href="newsdetail.html">
									<p>理论学习</p>
								<span>飞行教员详细讲解航空理论知识和飞行驾驶技术。</span>
								</a>
							</li>
							<li>
								<img src="img/a_03.gif" />
								<a href="newsdetail.html">
									<p>模拟飞行</p>
								<span>在体验中心内的模拟飞行器上，学生进行实际操作。</span>
								</a>
							</li>
							<li>
								<img src="img/a_05.gif" />
								<a href="newsdetail.html">
									<p>拓展活动</p>
								<span>学生参与到航模制作、航空讲座、飞行比赛等活动中。</span>
								</a>
							</li>
							<li>
								<img src="img/a_07.jpg" />
								<a href="newsdetail.html">
									<p>飞行考核</p>
								<span>对学生进行初级模拟飞行驾照的考核，并颁发证书。</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="aviation-explain">
					<div class="aviation-title">
						<p>科普课程说明 /&nbsp;<span>DESCRIPTION</span></p>
					</div>
					<div class="row aviation-eximg">
						<div class="col-md-4" style="margin-right: 32px;">
							<img src="img/av_03.jpg" />
						</div>
						<div class="col-md-4" style="margin-right: 32px;">
							<img src="img/ap.jpg" />
						</div>
						<div class="col-md-4">
							<img src="img/ap1.jpg" />
						</div>
					</div>
					<div class="aviation-extext">
						由北京市教委指导策划，北京市青少年科技创新学院组织的“初中生开放性科学实践活动”在2015年9月正式开启课程，中航工业蓝天成为了该项目的首批19家试点单位之一。《飞行世界》着重打造了以航空科普为特色的“小小飞行家”课程，一经推出便受到了上级领导、家长以及学生的一致好评。<br /> <br /><br /> 同时《飞行世界》正在逐步丰富软硬件内容，逐步加入到教委、科协、关工委及航空学会等政府组织的其它青少年课外活动之中。
					</div>
				</div>
				<div class="aviation-video">
					<div class="aviation-title">
						<p>相关视频 /&nbsp;<span class="el-ff">VIDEO LIST</span></p>
					</div>
					<div class="aviation-vlist">
						<ul>
							<li class="yl-video"><img src="img/av_07.jpg" /></li>
							<li class="yl-video"><img src="img/ak.jpg" /></li>
							<li class="yl-video"><img src="img/ak1.jpg" /></li>
						</ul>
					</div>
				</div>
			</div>
		</div>

		<!--return-->
		<div class="container-fluid intonews" id="returnTop">
			<i></i>
			<span>返回网站顶部 / <span class="el-ff">RETURN TOP</span></span>
		</div>
		<!--bottom-->
		<div class="container">
			<div class="bz-bottom">
				<ul>
					<li>
						<div class="bottom-img">
							<img src="img/06.png"/>
						</div>
						<div class="b-text">
							<p>ADD</p>
							<p>北京市昌平区沙河镇北二村131号万家创业园C区5号楼5609室</p>
						</div>
					</li>
					<li>
						<div class="bottom-img">
							<img src="img/07.png"/>
						</div>
						<div class="b-text">
							<p>TEL</p>
							<p>18610861152</p>
						</div>
					</li>
					<li>
						<div class="bottom-img">
							<img src="img/08.png"/>
						</div>
						<div class="b-text">
							<p>EMAIL</p>
							<p>embow@vip.qq.com</p>
						</div>
					</li>
						<li>
						<div class="bottom-img">
							<img src="img/09.png"/>
						</div>
						<div class="b-text">
							<p>LINK</p>
							<p>www.zhengzhong.com</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="bz-bottom-two">
			<div class="container two-text">
				<div class="f-w">
					<div class="two-title">
						<p>公司简介</p>
						<span>Company profile</span>
					</div>
					<div class="two-content">
						<dl>
							<dt class="zt-color">北京正中科技发展股份有限公司</dt>
							<dd>是国内首家以飞行模拟仿真体验、青少年航空科普培训、青少年国防教育、模拟飞行执照培训及考核、无人机操作手培训及考核项目的推广、投资、建设、运营公司。</dd>
						</dl>
					</div>
				</div>
				<div class="flex-column">
					<div class="two-title">
						<p>网站导航</p>
						<span>Site navigation</span>
					</div>
					<div class="two-content">
						<dl>
							<a href="#">
								<dd>关于我们</dd>
							</a>
							<a href="#">
								<dd>新闻资讯</dd>
							</a>
							<a href="#">
								<dd>体验中心</dd>
							</a>
							<a href="#">
								<dd>业务领域</dd>
							</a>
							<a href="#">
								<dd>人才招聘</dd>
							</a>
						</dl>
					</div>
				</div>
				<div class="flex-column">
					<div class="two-title">
						<p>关于我们</p>
						<span>About company</span>
					</div>
					<div class="two-content">
						<dl>
							<a href="#">
								<dd>集团简介</dd>
							</a>
							<a href="#">
								<dd>发展战略</dd>
							</a>
							<a href="#">
								<dd>组织架构</dd>
							</a>
							<a href="#">
								<dd>集团荣誉</dd>
							</a>
							<a href="#">
								<dd>发展历程</dd>
							</a>
						</dl>
					</div>
				</div>
				<div class="flex-column">
					<div class="two-title">
						<p>业务领域</p>
						<span>Business areas</span>
					</div>
					<div class="two-content">
						<dl>
							<a href="#">
								<dd>航空科普</dd>
							</a>
							<a href="#">
								<dd>航空体验</dd>
							</a>
							<a href="#">
								<dd>模拟飞行执照培训</dd>
							</a>
							<a href="#">
								<dd>无人机培训</dd>
							</a>
							<a href="#">
								<dd>国防和爱国主义教育</dd>
							</a>
						</dl>
					</div>
				</div>
				<div class="flex-column" style="margin-right: 0;">
					<div class="two-title">
						<p>关注我们，查看更多信息</p>
						<span>Focus us</span>
					</div>
					<div class="two-content">
						<ul class="flex">
							<div class="icon"><i class="fa fa-qq"></i></div>
							<div class="icon"><i class="fa fa-weixin"></i></div>
							<div class="icon"><i class="fa fa-weibo"></i></div>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="bottom-three">
			<div class="container clearfix btnthree-text">
				<span class="fl">Copyright © 2018 北京正中科技发展股份有限公司　版权所有  All Rights Reserved　京ICP备88888888号-1</span>
				<span class="fr">技术支持：友汇网</span>
			</div>
		</div>
		<!--mask-->
		<div class="mask"><img src="" /></div>
		<!--video-->
		<div class="video-content">
			<div class="video-close"><i class="fa fa-close"></i></div>
			<video class="video-source" id="Media" width="60%" 　height="auto" controls="controls" style="object-fit:fill" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-video-player-fullscreen="true" preload="auto" </video>
				<source src="https://s3.bytecdn.cn/aweme/resource/web/static/image/index/new-tvc_889b57b.mp4" type="video/mp4" /> Your browser does not support the video tag.
			</video>
		</div>

	</body>
	<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/swiper-4.3.3.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bzindex.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var mySwiper = new Swiper(swiperData.aviation.swiperId, swiperData.aviation.swiperMsg);
		var Media = document.querySelector("#Media")
		$(".video-close").on("click", function() {
			Media.pause();
			$(".video-content").css("display", "none")
		})
		$(".yl-video").on("click", function() {
			$(".video-content").css("display", "flex");
		})

		$(".e-swiper img").on("click", function() {
			console.log(1)
			var this_src = $(this)[0].src
			$(".mask").css("display", "flex");
			$(".mask img")[0].src = this_src;
		})
		$(".mask").on("click", function() {
			$(this).css("display", "none");
			$(".mask img")[0].src = "";
		})
		//nav
		var viewHeight = document.documentElement.clientHeight
		document.addEventListener('scroll', lazyload)
		function lazyload() {
			var nav = document.querySelector('.aviation-bnav ul');
			var nav_swiper = document.querySelector("#a-swiper");
			var rect = nav.getBoundingClientRect();
			var rect_swiper = nav_swiper.getBoundingClientRect();
			if(rect.top <= 0) {
				nav.classList.add("e-nav")
				nav.classList.add("container")
				nav_swiper.style.marginTop = "84px"
			}
			if(rect_swiper.top >= 84) {
				nav.classList.remove("e-nav")
				nav.classList.remove("container")
				nav_swiper.style.marginTop = "0px"
			}
		}
		
		
		
		$(".aviation-bnav ul li").on("click",function(event){
			$(".aviation-bnav ul li").removeClass("bnav-active");
			$(this).addClass("bnav-active");
			var num =  $(this).index()
			move(num);
		})
		function move(num){
			if(num==0){
				$(document).scrollTop($("#a-swiper").offset().top-84) 
			}
			if(num==1){
				$(document).scrollTop($(".aviation-content").offset().top-84) 
			}
			if(num==2){
				$(document).scrollTop($(".aviation-explain").offset().top-84) 
			}
			if(num==3){
				$(document).scrollTop($(".aviation-video").offset().top-84) 
			}
		}
	</script>

</html>